<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="js/libs/common.js"></script>
  <script src="js/2dnavigator.js"></script>
  <!-- <script src="js/ES5/js/2dnavigator.js"></script> -->
</head>
<body>
  <div class="navigation" id="Navigation">
    <div class="axisx"></div>
    <div class="axisy"></div>
    <div class="control-panel">
      <div>
        <p><span>宽度：</span><input type="text" class="color" value="80"></p>
        <p><span>高度：</span><input type="text" class="color" value="20"></p>
        <p><span>坐标x：</span><input type="text" class="color" value="0"></p>
        <p><span>坐标y：</span><input type="text" class="color" value="0"></p>
        <p><span>旋转：</span><input type="text" class="color" value="0"></p>
        <p><span>名称：</span><input type="text" class="color" value="A1"></p>
      </div>
      <input type="button" value="创建书架" class="btn-create">
      <input type="button" value="保存" class="btn-save">
    </div>

    <div class="room">

    </div>
  </div>
  <div class="box-attr">
    <!-- <p>名称: ${oldDiv.n}</p>
    <p>ID: ${oldDiv.id}</p>
    <p>宽度: ${oldDiv.w}</p>
    <p>高度: ${oldDiv.h}</p>
    <p>坐标x: ${oldDiv.x}</p>
    <p>坐标y: ${oldDiv.y}</p>
    <p>旋转: ${oldDiv.r}</p>
    <input type="button" value="删除" class="deleteobj" /> -->
  </div>
</body>
</html>
